body,div,ul,ol,dt,dd,dl,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,img,a,span,strong,*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"宋体"; color:#000000; background-color:#FFFFFF;}
ul,ol,li{ list-style:none;}
p,a{ font-size:14px;}
img,input,select,textarea{ vertical-align:middle}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#003366;}
.clear{ clear:both; height:0; width:0; overflow:hidden;} 



*{
	margin:0;
	padding:0;
	outline:none
}
li{	list-style: none;
}
body{ font-size:12px; font-family:"宋体"; color:#000000; background-color:#fff;}
a:hover{ color:red;}
a{
	text-decoration: none;
}
.clear{zoom:1;}
.clear{content:"";visibility:hidden; display:block;height:0;clear:both;}
.bkx(@px:1px; @xx:solid; @xs:#000){
border:@arguments;}

 @font-face{
	font-family: "icomoon";
	src: url(../fonts/icomoon.eot);
	src: url(../fonts/icomoon.svg);
	src: url(../fonts/icomoon.ttf);
	src: url(../fonts/icomoon.woff);
	font-style:normal;
}
meter{width: 80%;}
span,em{
	font-family: "icomoon";
	font-size: 12px;
	color: #333;
	font-style: normal;
}

main{width: 100%;height: auto;margin-top: 2rem;}
header{
	position: fixed;
	top: 0;
	width: 98%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:  2%;
	
}                     
section{
	margin:1rem auto;
	text-align: center;
	
	dl{
		dt{
			img{width: 50%;}
		}
		dd{
			h1{
				font-size: 50px;
				margin: .4rem 0;
			}
		}
	}
	#uu{

		li:nth-child(2),
		li:nth-child(3){
			position: relative;
			span{
				position: absolute;
				right: 20%;
			}
		}
		li{
			line-height: .8rem;
			height: 1rem;
			margin: .4rem 0;
			
			input{
				width: 65%;height: 100%;
				background:rgba(0,0,0,0.2);
				border: none;border-radius: 6px;

			}
		}
	}
}
.d{	span{
	width: .2rem;height: .2rem;background: #333;border-radius: 50%;
	display: block;float: left;
	}}
.red{background: red!important;color: #fff;}
#date{
	flex: 2;
	margin-right: 2rem;
	text-align: center;
}